<template>
  <div>
    <!-- <img src="@/assets/img/louceng.png" alt="" class="img" /> -->
    <img class="img" v-for="(item, index) in list" :src="item.src" @click="show(index)" v-if="index == 0" />
    <div class="hosnav_box">
      <div v-for="(item, index) in ffList" v-if="index > 0" @click="show(index)">
        {{ item.ffname }} : <span>{{ item.ffnav }}</span>
      </div>
    </div>

    <previewer :list="list" ref="previewer" :options="options" @on-index-change="logIndexChange"></previewer>
  </div>
</template>
<script>
import { Previewer } from "vux";
export default {
  components: {
    Previewer,
  },
  data() {
    return {
      resdata: {},
      FF: "",
      ffList: [],
      list: [
        {
          msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/louceng.png",
          src: "http://182.92.162.236:9000/ruoyi/ydkq/image/louceng.png",
        },
      ],
      options: {
        getThumbBoundsFn(index) { },
      },
    };
  },
  created() {
    if (this.$route.query.FF) {
      this.FF = this.$route.query.FF;
      switch (this.FF) {
        case "1F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-5.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-6.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-6.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-7.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/1-7.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "挂号处/住院处",
              ffnav: "东门进入后左前方直走，然后右转转",
              ffvalue: 1,
            },
            {
              ffname: "综合急诊黏膜病科①诊室",
              ffnav: "东门进入后左前方直走",
              ffvalue: 2,
            },
            {
              ffname: "综合急诊黏膜病科②诊室",
              ffnav: "东门进入后左前方直走",
              ffvalue: 3,
            },
            {
              ffname: "放射科",
              ffnav: "西侧电梯左转后右转/东侧电梯右后方穿过大厅",
              ffvalue: 4,
            },
            {
              ffname: "药局",
              ffnav: "东侧电梯左转/西侧电梯右转穿过大厅后左转",
              ffvalue: 5,
            },
            {
              ffname: "检验科",
              ffnav: "东侧电梯左转/西侧电梯右转穿过大厅后左转",
              ffvalue: 6,
            },
          ]

          break;
        case "2F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-5.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-6.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-6.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-7.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-7.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-8.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-8.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-9.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-9.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-10.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-10.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-11.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-11.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-12.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-13.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/2-13.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "牙体牙髓病科①诊室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 1,
            },
            {
              ffname: "牙体牙髓病科②诊室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 2,
            },
            {
              ffname: "牙体牙髓病科③诊室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 3,
            },
            {
              ffname: "牙体牙髓病科④诊室",
              ffnav: "西侧电梯左后方/东侧电梯右后方直走，至走廊尽头",
              ffvalue: 4,
            },
            {
              ffname: "牙体牙髓病科⑤诊室",
              ffnav: "西侧电梯左侧/东侧电梯右后方直走，至走廊尽头",
              ffvalue: 5,
            },
            {
              ffname: "牙体牙髓病科⑥诊室",
              ffnav: "西侧电梯左前方/东侧电梯右后方直走，至走廊尽头后右转",
              ffvalue: 6,
            },
            {
              ffname: "牙体牙髓病科⑦诊室",
              ffnav: "西侧电梯左前方/东侧电梯右后方直走，至走廊尽头后右转",
              ffvalue: 7,
            },
            {
              ffname: "牙周病科①诊室",
              ffnav: "东侧电梯右后方直走/西侧电梯右前方",
              ffvalue: 8,
            },
            {
              ffname: "牙周病科②诊室",
              ffnav: "东侧电梯右后方直走/西侧电梯右前方",
              ffvalue: 9,
            },
            {
              ffname: "牙周病科③诊室",
              ffnav: "东侧电梯左前方/西侧电梯右前方直走",
              ffvalue: 10,
            },
            {
              ffname: "牙周病科④诊室",
              ffnav: "东侧电梯左后方/西侧电梯右前方直走，至走廊尽头后左转",
              ffvalue: 11,
            },
            {
              ffname: "牙周病科⑤诊室",
              ffnav: "东侧电梯左后方/西侧电梯右前方直走，至走廊尽头后左转",
              ffvalue: 12,
            }
          ]
          break;
        case "3F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-5.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-6.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-6.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-7.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-7.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-8.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-8.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-9.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-9.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-10.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-10.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-11.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/3-11.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "正畸一科①诊室",
              ffnav: "西侧电梯左后方/东侧电梯右后方直走，至走廊尽头",
              ffvalue: 1,
            },
            {
              ffname: "正畸一科②诊室",
              ffnav: "西侧电梯左后方/东侧电梯右后方直走，至走廊尽头",
              ffvalue: 2,
            },
            {
              ffname: "正畸一科③诊室",
              ffnav: "西侧电梯左前方/东侧电梯右后方直走，至走廊尽头后右转",
              ffvalue: 3,
            },
            {
              ffname: "正畸一科④诊室",
              ffnav: "西侧电梯左前方/东侧电梯右后方直走，至走廊尽头后右转",
              ffvalue: 4,
            },
            {
              ffname: "修复一科①诊室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 5,
            },
            {
              ffname: "修复一科②诊室",
              ffnav: "西侧电梯右后方直走/东侧电梯右后方直走",
              ffvalue: 6,
            },
            {
              ffname: "修复一科③诊室",
              ffnav: "西侧电梯右后方直走/东侧电梯右后方直走",
              ffvalue: 7,
            },
            {
              ffname: "修复二科①诊室",
              ffnav: "东侧电梯右前方/西侧电梯右后方直走，至走廊尽头后右转",
              ffvalue: 8,
            },
            {
              ffname: "修复二科②诊室",
              ffnav: "东侧电梯前方/西侧电梯右后方直走，至走廊尽头",
              ffvalue: 9,
            },
            {
              ffname: "修复二科③诊室",
              ffnav: "东侧电梯左方/西侧电梯右后方直走，至走廊尽头后左转",
              ffvalue: 10,
            },
          ];
          break;
        case "4F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-5.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-6.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-6.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-7.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-7.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-8.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-8.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-9.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-9.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-10.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-10.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-11.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-11.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-12.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-12.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-13.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-13.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-14.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-14.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-15.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-15.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-16.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/4-16.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "干诊科①诊室",
              ffnav: "西侧电梯左后方/东侧电梯右后方直走，至西侧电梯",
              ffvalue: 1,
            },
            {
              ffname: "干诊科②诊室",
              ffnav: "西侧电梯左后方/东侧电梯右后方直走，至西侧电梯",
              ffvalue: 2,
            },
            {
              ffname: "干诊科③诊室",
              ffnav: "西侧电梯左前方/东侧电梯右后方直走，至西侧电梯",
              ffvalue: 3,
            },
            {
              ffname: "干诊科④诊室",
              ffnav: "西侧电梯左前方/东侧电梯右后方直走，至西侧电梯",
              ffvalue: 4,
            },
            {
              ffname: "心电图室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 5,
            },
            {
              ffname: "采血室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 6,
            },
            {
              ffname: "口腔头颈肿瘤治疗中心",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 7,
            },
            {
              ffname: "口腔颌面外科门诊①诊室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 8,
            },
            {
              ffname: "口腔颌面外科门诊②诊室",
              ffnav: "西侧电梯右后方/东侧电梯右后方直走",
              ffvalue: 9,
            },
            {
              ffname: "口腔颌面外科门诊③诊室",
              ffnav: "东侧电梯右后方/西侧电梯右后方直走",
              ffvalue: 10,
            },
            {
              ffname: "口腔颌面外科门诊④诊室",
              ffnav: "东侧电梯右后方/西侧电梯右后方直走",
              ffvalue: 11,
            },
            {
              ffname: "儿童口腔科①诊室",
              ffnav: "东侧电梯右前方/西侧电梯右后方直走，至走廊尽头后左转",
              ffvalue: 12,
            },
            {
              ffname: "儿童口腔科②诊室",
              ffnav: "东侧电梯右前方/西侧电梯右后方直走，至走廊尽头后左转",
              ffvalue: 13,
            },
            {
              ffname: "儿童口腔科③诊室",
              ffnav: "东侧电梯右前方/西侧电梯右后方直走，至走廊尽头后左转",
              ffvalue: 14,
            },
            {
              ffname: "儿童口腔科④诊室",
              ffnav: "东侧电梯右前方/西侧电梯右后方直走，至走廊尽头后左转",
              ffvalue: 15,
            },
          ];

          break;
        case "5F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-4.png",
            },

            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/5-5.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "颌面外科病房护士站",
              ffnav: "（仅）西侧电梯左转",
              ffvalue: 1,
            },
            {
              ffname: "正畸二科①诊室",
              ffnav: "（仅）东侧电梯左转",
              ffvalue: 2,
            },
            {
              ffname: "正畸二科②诊室",
              ffnav: "（仅）东侧电梯左后方",
              ffvalue: 3,
            },
            {
              ffname: "正畸二科③诊室",
              ffnav: "（仅）东侧电梯左后方",
              ffvalue: 4,
            },
          ];
          break;
        case "6F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/6-3.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "门诊手术室",
              ffnav: "西侧电梯右转",
              ffvalue: 1,
            },
            {
              ffname: "头颈外科病房护士站",
              ffnav: "西侧电梯左转",
              ffvalue: 2,
            },
          ];
          break;
        case "7F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/7-4.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "综合科",
              ffnav: "东侧电梯左转/西侧电梯左后方",
              ffvalue: 1,
            },
            {
              ffname: "医保办",
              ffnav: "东侧电梯右转穿过走廊/西侧电梯左转",
              ffvalue: 2,
            },
            {
              ffname: "医务部",
              ffnav: "东侧电梯右转穿过走廊/西侧电梯左转",
              ffvalue: 3,
            },
          ];
          break;
        case "8F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-3.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-5.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-6.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/8-6.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "预防科",
              ffnav: "西侧电梯右转",
              ffvalue: 1,
            },
            {
              ffname: "病案室",
              ffnav: "西侧电梯右前方",
              ffvalue: 2,
            },
            {
              ffname: "舒适化治疗中心",
              ffnav: "西侧电梯左转",
              ffvalue: 3,
            },
            {
              ffname: "麻醉复苏室PACU",
              ffnav: "东侧电梯左转",
              ffvalue: 4,
            },
            {
              ffname: "手术室",
              ffnav: "西侧电梯左后方",
              ffvalue: 5,
            },
          ];
          break;
        case "9F":
          this.list = [
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-1.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-1.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-2.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-2.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-3.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-4.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-5.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-5.png",
            },
            {
              msrc: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-6.png",
              src: "http://182.92.162.236:9000/ruoyi/ydkq/image/9-6.png",
            },
          ];
          this.ffList = [
            {
              ffname: "总图",
              ffnav: "总图",
              ffvalue: 0,
            },
            {
              ffname: "病理科",
              ffnav: "（仅）东侧电梯左侧有窗口",
              ffvalue: 1,
            },
            {
              ffname: "种植中心①诊室",
              ffnav: "（仅）西侧电梯左前方",
              ffvalue: 2,
            },
            {
              ffname: "种植中心②诊室",
              ffnav: "（仅）西侧电梯右前方",
              ffvalue: 3,
            },
            {
              ffname: "种植中心③诊室",
              ffnav: "（仅）西侧电梯右转",
              ffvalue: 4,
            },
            {
              ffname: "种植中心④诊室",
              ffnav: "（仅）西侧电梯右转",
              ffvalue: 5,
            },
          ];
          break;

        default:
          break;
      }
    }
  },
  methods: {
    logIndexChange(arg) {
      console.log(arg);
    },
    show(index) {
      this.$refs.previewer.show(index);
    },
  },
};
</script>
<style scoped>
.hosnav_box {
  padding: 1rem;
}

.hosnav_box>div {
  padding: 10px 0;
}

.hosnav_box>div>span {
  color: #448eff;
  font-weight: 400;
}

.img {
  width: calc(100% - 2rem);
  padding: 0 1rem;
  height: auto;
  border-radius: 0.375rem;
}
</style>
